<template lang="html">
  <sui-table>
    <sui-table-body>
      <sui-table-row>
        <sui-table-cell collapsing>
          <sui-icon name="folder" />
          node_modules
        </sui-table-cell>
        <sui-table-cell>Initial commit</sui-table-cell>
        <sui-table-cell>10 hours ago</sui-table-cell>
      </sui-table-row>
      <sui-table-row>
        <sui-table-cell>
          <sui-icon name="folder" />
          test
        </sui-table-cell>
        <sui-table-cell>Initial commit</sui-table-cell>
        <sui-table-cell>10 hours ago</sui-table-cell>
      </sui-table-row>
      <sui-table-row>
        <sui-table-cell>
          <sui-icon name="folder" />
          test
        </sui-table-cell>
        <sui-table-cell>Initial commit</sui-table-cell>
        <sui-table-cell>10 hours ago</sui-table-cell>
      </sui-table-row>
    </sui-table-body>
  </sui-table>
</template>

<script>
export default {
  name: 'TableCollapsingCellExample',
};
</script>
